<template>
	<view class="home_card">
		<p class="betitle">{{title}}</p>
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less" scoped>
.home_card{
	width: 100%;
	min-height: 428rpx;
	background: #FFFFFF;
	border-radius: 10px;
	box-sizing: border-box;
	padding:30rpx 20rpx;
    margin-bottom: 20rpx;
	
}
.betitle::before{
	content: '';
	display: block;
	width: 10rpx;
	height: 40rpx;
	background: #3db020;
	position: absolute;
	left: -20rpx;
}
.betitle{
	font-size: 34rpx;
	font-family: PingFang SC, PingFang SC-Semibold;
	font-weight: bold;
	text-align: left;
	color: #333333;
	line-height: 40rpx;
	position: relative;
	margin-bottom: 54rpx;
}
</style>
